<ng-container *ngIf="task && task.auditType === ETaskType.transRefund">
  <app-refund-task-detail [task]="task"></app-refund-task-detail>
</ng-container>

<!-- <ng-container *ngIf="task && task.auditType === ETaskType.riskControl">
  <app-risk-task-detail [task]="task"></app-risk-task-detail>
</ng-container> -->

<ng-container *ngIf="task && task.auditType === ETaskType.riskControl && 
checkTaskOperation(task.operation) ">
  <app-post-risk [task]="task"></app-post-risk>
</ng-container>
<ng-container *ngIf="task && task.auditType === ETaskType.store">
  <app-store-task-detail [task]="task"></app-store-task-detail>
</ng-container>

<ng-container *ngIf="task && task.auditType === ETaskType.operation && task.operation === ETaskOperation.TransRelease">
  <app-release-task-detail [task]="task"></app-release-task-detail>
</ng-container>

<ng-container *ngIf="task && task.auditType === ETaskType.operation && task.operation === ETaskOperation.Restitution">
  <app-deposit-task-detail [task]="task"></app-deposit-task-detail>
</ng-container>

<ng-container *ngIf="task && task.auditType === ETaskType.operation && task.operation === ETaskOperation.ChargeBack">
  <app-task-charge-back-detail [task]="task"></app-task-charge-back-detail>
</ng-container>

<ng-container *ngIf="task && taskCategory === ETaskCategory.todo">
  <app-audit-operate></app-audit-operate>
</ng-container>

<div class="loading">
  <nz-spin [nzSpinning]="!task"></nz-spin>
</div>